import axios from "axios"
import store from '@/store'
import nprogress from 'nprogress'
import 'nprogress/nprogress.css'
import { useRouter } from "vue-router";
const router = useRouter();

const instance = axios.create({
    // 在这里引入基础url，后面的接口拼接在baseURL
    baseURL: "http://geek.itheima.net",
    timeout: 5000
});

instance.interceptors.request.use(config => {
    nprogress.start()

    // 在发送请求之前做些什么, 如果vuex里有token携带在请求头中
    if (store.state.login.token.length > 0 && config.headers.Authorization === undefined) {
        // 发起请求之前, 把token携带在请求头上(表明自己身份)
        config.headers.Authorization = 'Bearer ' + store.state.login.token
    }

    return config
}, err => {
    return Promise.reject(err)
})

instance.interceptors.response.use(res => {
    nprogress.done()
    return res
}, async function (error) { // 响应状态码4xx/5xx进这里
    // 对响应错误做点什么
    // console.dir(error)
    if (error.response.status === 401) { // 身份过期
        // token续签方式1:  去登录页重新登录, token无用, 清掉-确保路由守卫if进不去
        store.commit('SETTOKEN', '')
        router.push({ path: '/login' })
    }

    return Promise.reject(error)
})

export default instance
